@import "./../../common/size.scss";
div[data-id="index-page"]{

  .nav-bar{
    width: 100%;
    overflow: hidden;
    display: flex;
    height: $_80;
    background-color: #fff;
    margin-bottom: $_10;

    .tab{
      flex:1;
      text-align: center;
      display: block;
      line-height: $_80;
      font-size: $_28;
      color: #666;
    }

    .tab.active{
      color: #80bd01;
    }

  }

  .category-box{
    margin-top: $_96;
  }

  .category-list{
    .list{
      margin-bottom: 1px;
      padding: $_20 $_16;
      background-color: #fff;
      display: flex;

      .avator{
        width: $_60;
        height: $_60;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: $_6;
      }

      .content{
        flex:1;
        padding-left: $_26;
        font-size: $_26;
        color: #555;
        width: $_530;
      }

      .title{
        color: #333;
        font-size: $_28;

      }

      .other{
        margin-top: $_10;
        color: #b4b4b4;
        font-size: $_20;
        
        .active{
          color: #9e78c0;
        }
      }
      
      


      .right{
          width: $_100;
          margin-left: $_20;
          display: flex;
          align-items: flex-end;
          font-size: $_22;
          color: #778087;
      }




    }
  }



}